<template>
    <scroll-view class="nav bg-white" :class="[is_round==true?'round':'']" :style="is_round==true?'margin-top: -30rpx; border-radius: 40rpx 40rpx 0 0':''">
        <view class="
        flex text-center">
            <view class="cu-item" :class="[tab.cur == key ? 'text-nddyny cur' : '', (is_flex_sub!=false?'flex-sub':'')]"
                :style="{'padding': '0 10rpx'}" v-for="(info, key) in tab.list" :key="key" @tap="changeTab(key)">
                {{info.title}}
            </view>
        </view>
    </scroll-view>
</template>

<script>
    export default {
        props: ['tab', 'changeTab', 'is_round', 'is_flex_sub'],
        data() {
            return {}
        },
    }
</script>
